
  {template 'header'}

<link rel="stylesheet" type="text/css" href="./themes/mobile/style73/style/index.css">
<style>
body{font:{$_W['styles']['fontsize']} {$_W['styles']['fontfamily']}; color:{$_W['styles']['fontcolor']};padding:0;margin:0;background-image:url('{if empty($_W['styles']['indexbgimg'])}{else}{$_W['styles']['indexbgimg']}{/if}');background-size:cover;{if !empty($_W['styles']['indexbgcolor'])} background-color:{$_W['styles']['indexbgcolor']};{/if}{$_W['styles']['indexbgextra']}}
a{color:{$_W['styles']['linkcolor']}; text-decoration:none;}
{$_W['styles']['css']}
.box{width:58%;overflow:hidden;margin-top:10px;}
.box .box-item{float:left;text-align:center;display:block;text-decoration:none;outline:none;width:77px;height:92px;margin-left:8px;margin-bottom:8px;position:relative;background:rgba(0, 0, 0, 0.7);}
.box .box-item i{display:inline-block;width:45px;height:45px;margin-top:15px;font-size:35px;color:#CCC;overflow: hidden;}
.box .box-item span{color:{$_W['styles']['fontnavcolor']};display:block;font-size:14px;}
</style>  
  

<div class="index tright" id="indexList" style="visibility: visible;">
  <ul style="list-style: none; width: 720px; transition: 0ms; -webkit-transition: 0ms; -webkit-transform: translate3d(0px, 0, 0);">
        <li style="width: 360px; display: table-cell; vertical-align: top;">

 {loop $navs $nav}
              <a href="{$nav['url']}" class="box mod-index">
                  <div class="p">
                    <i><img alt="{$nav['name']}" src="{$_W['attachurl']}{$nav['icon']}"></i>
                    <b>{$nav['name']}</b>
                    <i class="fa fa-angle-right ico"></i>
                  </div>
</a>         
{/loop}


 </li>
       
  </ul>
</div>


{template 'footer'}
